import { createApp } from 'vue'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import router from "./router/index.js";
import { createPinia } from 'pinia'
import 'animate.css';
import './style.css'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import Particles from "vue3-particles";
const  app = createApp(App)
const pinia = createPinia();
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
pinia.use(piniaPluginPersistedstate)
app.use(pinia)
app.use(Particles)
//解决侧边栏动态渲染组件
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.config.globalProperties.$elIcons = ElementPlusIconsVue


app.use(router)
app.use(ElementPlus).mount('#app')
